﻿<UserControl x:Class="ImageCropper.HorizantalGuideline"            
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d"
             d:DesignHeight="300" d:DesignWidth="400">
    <UserControl.Resources>
        <Storyboard x:Name="_fadeInStory1" Completed="_fadeInStory1_Completed">
            <DoubleAnimation From=".5" BeginTime="0:0:0" Duration="0:0:0.15" Storyboard.TargetName="_mlt" Storyboard.TargetProperty="Offset"/>
            <DoubleAnimation From=".5" BeginTime="0:0:0" Duration="0:0:0.15" Storyboard.TargetName="_mrt" Storyboard.TargetProperty="Offset"/>
            <DoubleAnimation To=".5" BeginTime="0:0:0" Duration="0:0:0" Storyboard.TargetName="_mlc" Storyboard.TargetProperty="Offset"/>
            <DoubleAnimation To=".5" BeginTime="0:0:0" Duration="0:0:0" Storyboard.TargetName="_mrc" Storyboard.TargetProperty="Offset"/>
            <DoubleAnimation To="1" BeginTime="0:0:0" Duration="0:0:0" Storyboard.TargetName="_lt" Storyboard.TargetProperty="Offset"/>
            <DoubleAnimation To="0" BeginTime="0:0:0" Duration="0:0:0" Storyboard.TargetName="_rt" Storyboard.TargetProperty="Offset"/>
        </Storyboard>
        <Storyboard x:Name="_fadeInStory2">
            <DoubleAnimation From=".5" BeginTime="0:0:0" Duration="0:0:0" Storyboard.TargetName="_mlc" Storyboard.TargetProperty="Offset"/>
            <DoubleAnimation From=".5" BeginTime="0:0:0" Duration="0:0:0" Storyboard.TargetName="_mrc" Storyboard.TargetProperty="Offset"/>
            <DoubleAnimation From="1" BeginTime="0:0:0" Duration="0:0:0.25" Storyboard.TargetName="_lt" Storyboard.TargetProperty="Offset"/>
            <DoubleAnimation From="0" BeginTime="0:0:0" Duration="0:0:0.25" Storyboard.TargetName="_rt" Storyboard.TargetProperty="Offset"/>
        </Storyboard>

        <Storyboard x:Name="_fadeOutStory" Completed="_fadeOutStory_Completed">
            <ColorAnimation To="Transparent" Duration="0:0:0.25" Storyboard.TargetName="_mlc" Storyboard.TargetProperty="Color"/>
            <ColorAnimation To="Transparent" Duration="0:0:0.25" Storyboard.TargetName="_mrc" Storyboard.TargetProperty="Color"/>
            <ColorAnimation To="Transparent" Duration="0:0:0.25" Storyboard.TargetName="_rc" Storyboard.TargetProperty="Color"/>
            <ColorAnimation To="Transparent" Duration="0:0:0.25" Storyboard.TargetName="_lc" Storyboard.TargetProperty="Color"/>
        </Storyboard>


    </UserControl.Resources>
    <Grid Background="White">
        <Grid x:Name="LayoutRoot" Background="Transparent" Margin="-500, -10, -500, -10" Height="2" Visibility="Collapsed">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="500"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="500"/>
            </Grid.ColumnDefinitions>
            <Rectangle StrokeThickness="1" Height="2">
                <Rectangle.Stroke>
                    <LinearGradientBrush StartPoint="0,0">
                        <LinearGradientBrush.GradientStops>
                            <GradientStop x:Name="_lt" Color="Transparent" Offset="0"/>
                            <GradientStop x:Name="_lc" Color="#CC055CFF" Offset="1"/>
                        </LinearGradientBrush.GradientStops>
                    </LinearGradientBrush>
                </Rectangle.Stroke>
            </Rectangle>
            <Rectangle Grid.Column="1" Height="2" StrokeThickness="1">
                <Rectangle.Stroke>
                    <LinearGradientBrush StartPoint="0,0">
                        <LinearGradientBrush.GradientStops>
                            <GradientStop x:Name="_mlt" Color="Transparent" Offset="0"/>
                            <GradientStop x:Name="_mlc" Color="#CC055CFF" Offset="0"/>
                            <GradientStop x:Name="_mrc" Color="#CC055CFF" Offset="1"/>
                            <GradientStop x:Name="_mrt" Color="Transparent" Offset="1"/>
                        </LinearGradientBrush.GradientStops>
                    </LinearGradientBrush>
                </Rectangle.Stroke>
            </Rectangle>
            <Rectangle Grid.Column="2" StrokeThickness="1" Height="2">
                <Rectangle.Stroke>
                    <LinearGradientBrush StartPoint="0,0">
                        <LinearGradientBrush.GradientStops>
                            <GradientStop x:Name="_rc" Color="#CC055CFF" Offset="0"/>
                            <GradientStop x:Name="_rt" Color="Transparent" Offset="1"/>
                        </LinearGradientBrush.GradientStops>
                    </LinearGradientBrush>
                </Rectangle.Stroke>
            </Rectangle>
        </Grid>
    </Grid>
</UserControl>
